<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS样式使用的三种方式</title>
    <!--
        css第二种方式：内部样式，内嵌样式，在head标签中添加 <style></style>
    -->
    <style>
        div{
            color: cornflowerblue;
        }
    </style>

    <!--
        css第三种方式，外部样式，在外部定义一个css文件(后缀是.css的文件)，在head标签内部通过link引入
    -->
    <link rel="stylesheet" href="../../css/css_demo.css">
</head>
<body>
    <!--
        css第一种方式：内联样式，也叫行内样式 使用html的style属性设置样式
        每一个样式之间用;隔开，样式和值之间用:隔开
    -->
    <div style="width:100px;height:100px;border:1px solid red">
        这是一个div
    </div>
    <div>
        这也是一个div
    </div>
</body>
</html>